@charset "utf-8";

/*display*/
.block { display: block;}
.inline-block { display: inline-block;}
.flex { display: flex;}
.inline-flex { display: inline-flex;}
.table { display: table;}
.table-cell { display: table-cell;}
.line-through{text-decoration:line-through}


/*Float*/
.float-l {float: left;}
.float-r {float: right;}
.text-r {text-align: right;}
.text-l {text-align: left;}
.text-c {text-align: center;}
.position-r,.relative {position: relative;}
.position-a,.absolute {position: absolute;}
.position-f,.fixed {position: fixed;}
.va{vertical-align: middle;}
.vt{vertical-align: top;}
/*padding*/
.p0 {padding: 0;}
.p5 {padding: 5px;}
.p10 {padding: 10px;}
.p15 {padding: 15px;}
.p20 {padding: 20px;}
.p25 {padding: 25px;}
.p30 {padding: 30px;}

.pl0 {padding-left: 0;}
.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}
.pl35 {padding-left: 35px;}
.pl40 {padding-left: 34px;}
.pl45 {padding-left: 45px;}
.pl50 {padding-left: 50px;}

.pr0 {padding-right: 0;}
.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr25 {padding-right: 25px;}
.pr30 {padding-right: 30px;}
.pr35 {padding-right: 35px;}
.pr40 {padding-right: 40px;}
.pr45 {padding-right: 45px;}
.pr50 {padding-right: 50px;}

.pt0 {padding-top: 0;}
.pt2 {padding-top: 2px;}
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt35 {padding-top: 35px;}
.pt40 {padding-top: 40px;}
.pt45 {padding-top: 45px;}
.pt50 {padding-top: 50px;}
.pt65 {padding-top: 65px;}

.pb0 {padding-bottom: 0;}
.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}
.pb35 {padding-bottom: 35px;}
.pb40 {padding-bottom: 40px;}
.pb45 {padding-bottom: 45px;}
.pb50 {padding-bottom: 50px;}

.p0.important {padding: 0 !important;}
.pt4.important {padding-top: 4px !important;}
.p5.important {padding: 5px !important;}
.p10.important {padding: 10px !important;}
.p15.important {padding: 15px !important;}
.p20.important {padding: 20px !important;}
.p25.important {padding: 25px !important;}
.p30.important {padding: 30px !important;}

.pl0.important {padding-left: 0 !important;}
.pl5.important {padding-left: 5px !important;}
.pl10.important {padding-left: 10px !important;}
.pl15.important {padding-left: 15px !important;}
.pl20.important {padding-left: 20px !important;}
.pl25.important {padding-left: 25px !important;}
.pl30.important {padding-left: 30px !important;}

.pr0.important {padding-right: 0 !important;}
.pr5.important {padding-right: 5px !important;}
.pr10.important {padding-right: 10px !important;}
.pr15.important {padding-right: 15px !important;}
.pr20.important {padding-right: 20px !important;}
.pr25.important {padding-right: 25px !important;}
.pr30.important {padding-right: 30px !important;}

.pt0.important {padding-top: 0 !important;}
.pt5.important {padding-top: 5px !important;}
.pt10.important {padding-top: 10px !important;}
.pt15.important {padding-top: 15px !important;}
.pt20.important {padding-top: 20px !important;}
.pt25.important {padding-top: 25px !important;}
.pt30.important {padding-top: 30px !important;}

.pb0.important {padding-bottom: 0 !important;}
.pb5.important {padding-bottom: 5px !important;}
.pb10.important {padding-bottom: 10px !important;}
.pb15.important {padding-bottom: 15px !important;}
.pb20.important {padding-bottom: 20px !important;}
.pb25.important {padding-bottom: 25px !important;}
.pb30.important {padding-bottom: 30px !important;}

/*margin*/
.margin-auto {margin: auto;}
.margin-auto.important {margin: auto !important;}
.bottom-zero {bottom: 0px}


.m0 {margin: 0;}
.m5 {margin: 5px;}
.m10 {margin: 10px;}
.m15 {margin: 15px;}
.m20 {margin: 20px;}
.m25 {margin: 25px;}
.m30 {margin: 30px;}
.m40 {margin: 40px;}

.ml0 {margin-left: 0;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml55 {margin-left: 55px;}
.mr0 {margin-right: 0;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}

.mt0 {margin-top: 0;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}

.mb0 {margin-bottom: 0;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}

.m0.important {margin: 0 !important;}
.m5.important {margin: 5px !important;}
.m10.important {margin: 10px !important;}
.m15.important {margin: 15px !important;}
.m20.important {margin: 20px !important;}
.m25.important {margin: 25px !important;}
.m30.important {margin: 30px !important;}
.m40.important {margin: 40px !important;}

.ml0.important {margin-left: 0 !important;}
.ml5.important {margin-left: 5px !important;}
.ml10.important {margin-left: 10px !important;}
.ml15.important {margin-left: 15px !important;}
.ml20.important {margin-left: 20px !important;}
.ml25.important {margin-left: 25px !important;}
.ml30.important {margin-left: 30px !important;}
.ml40.important {margin-left: 40px !important;}

.mr0.important {margin-right: 0 !important;}
.mr5.important {margin-right: 5px !important;}
.mr10.important {margin-right: 10px !important;}
.mr15.important {margin-right: 15px !important;}
.mr20.important {margin-right: 20px !important;}
.mr25.important {margin-right: 25px !important;}
.mr30.important {margin-right: 30px !important;}
.mr40.important {margin-right: 40px !important;}

.mt0.important {margin-top: 0 !important;}
.mt5.important {margin-top: 5px !important;}
.mt10.important {margin-top: 10px !important;}
.mt15.important {margin-top: 15px !important;}
.mt20.important {margin-top: 20px !important;}
.mt25.important {margin-top: 25px !important;}
.mt30.important {margin-top: 30px !important;}
.mt40.important {margin-top: 40px !important;}

.mb0.important {margin-bottom: 0 !important;}
.mb5.important {margin-bottom: 5px !important;}
.mb10.important {margin-bottom: 10px !important;}
.mb15.important {margin-bottom: 15px !important;}
.mb20.important {margin-bottom: 20px !important;}
.mb25.important {margin-bottom: 25px !important;}
.mb30.important {margin-bottom: 30px !important;}
.mb40.important {margin-bottom: 40px !important;}

/*color*/
.col-primary {color: #289bf8;}
.col-white {color: #fff;}
.col-error {color: #b61528;}
.col-ochre {color: #fac572;}
.col-lightgray {color: #9c9c9c;}
.col-gray {color: #444;}
.col-green {color: #3cb420;}
.col-black {color: #000}
.placeholder-txt {color: #aaa}
.col-nine{color: #999!important;}
.col-en {color:#898989 !important;}
.col-cnine {color: #C9CAC9}
.col-four {color: #444!important}
.col-forgivegreen{color: #60bd50}
.col-primary.important {color: #289bf8 !important;}
.col-white.important {color: #fff !important;}
.col-error.important {color: #b61528 !important;}
.col-ochre.important {color: #fac572 !important;}
.col-lightgray.important {color: #9c9c9c !important;}
.col-gray.important {color: #444 !important;}
.col-black.important {color: #000 !important;}
.col-yellow{color: #fea434;}
.col-red{color: #fe5262;}

/*barground*/
.bg-primary {background: #289bf8!important;}
.bg-white {background: #fff;}
.bg-black {background: black;}
.bg-error {background: #b61528;}
.bg-ochre {background: #fac572;}
.bg-lightgray {background: #f6f6f6;}
.bg-gray{color: #B5B5B6}
.bg-none {background: none;}
.bg-none .important {background: none !important;}

/*boder*/
.bd {border: solid #f2f2f2 1px;}
.bd-top {border-top: solid #f2f2f2 1px;}
.bd-right {border-right: solid #f2f2f2 1px;}
.bd-bottom {border-bottom: solid #f2f2f2 1px;}
.bd-left {border-left: solid #f2f2f2 1px;}

.bd.important {border: solid #f2f2f2 1px !important;}
.bd-top.important {border-top: solid #f2f2f2 1px !important;}
.bd-right.important {border-right: solid #f2f2f2 1px !important;}
.bd-bottom.important {border-bottom: solid #f2f2f2 1px !important;}
.bd-left.important {border-left: solid #f2f2f2 1px !important;}

.bd-none {border: none;}
.bd-top-none {border-top: none;}
.bd-right-none {border-right: none;}
.bd-bottom-none {border-bottom: none;}
.bd-left-none {border-left: none;}

.bd-none.important {border: none !important;}
.bd-top-none.important {border-top: none !important;}
.bd-right-none.important {border-right: none !important;}
.bd-bottom-none.important {border-bottom: none !important;}
.bd-left-none.important {border-left: none !important;}

/*font*/
.fz-10 {font-size: 10px;}
.fz-11 {font-size: 11px;}
.fz-12 {font-size: 12px;}
.fz-13 {font-size: 13px;}
.fz-14 {font-size: 14px;}
.fz-16 {font-size: 16px;}
.fz-18 {font-size: 18px;}
.fz-20 {font-size: 20px;}
.fz-22 {font-size: 22px;}
.fz-24 {font-size: 24px;}
.fz-26 {font-size: 26px;}
.fz-28 {font-size: 28px;}
.fz-30 {font-size: 30px}
.fw-3 {font-weight: 300;}
.fw-4 {font-weight: 400;}
.fw-5 {font-weight: 500;}
.fw-6 {font-weight: 600;}
.fw-7 {font-weight: 700;}

.fz-10.important {font-size: 10px !important;}
.fz-11.important {font-size: 11px !important;}
.fz-12.important {font-size: 12px !important;}
.fz-13.important {font-size: 13px !important;}
.fz-14.important {font-size: 14px !important;}
.fz-16.important {font-size: 16px !important;}
.fz-18.important {font-size: 18px !important;}
.fz-20.important {font-size: 20px !important;}
.fz-22.important {font-size: 22px !important;}
.fz-24.important {font-size: 24px !important;}
.fz-26.important {font-size: 26px !important;}
.fz-28.important {font-size: 28px !important;}

.fw-3.important {font-weight: 300 !important;}
.fw-4.important {font-weight: 400 !important;}
.fw-5.important {font-weight: 500 !important;}
.fw-6.important {font-weight: 600 !important;}
.fw-7.important {font-weight: 700 !important;}



.w100{width: 100%;}
.w80{width: 80%}
.h100{height: 100%;}
.lh18{line-height:18px;}
.lh30{line-height:30px;}
.wp{letter-spacing:1px;}
.bb-dc{border-bottom: 1px solid #dcdcdc}
.border-dc{border: 1px solid #dcdcdc;}
.wh50{width: 50px;height: 50px;}
